@import '~antd/dist/antd.css';
@font-face {
  font-family: 'iconfont';
  src: url('../../fonts/iconfont.eot');
  src: url('../../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../../fonts/iconfont.woff') format('woff'),
  url('../../fonts/iconfont.ttf') format('truetype'),
  url('../../fonts/iconfont.svg#iconfont') format('svg');
}
@font-face{
    font-family: baidu;
    src:url('../../fonts/baidu.ttf');
}

.common-header {
    width: 100%;
    height: 60px;

    background-color: #fff;
    
    position: fixed;
    top: 0;

    z-index: 99;
}

.header-logo {
    display: inline-block;
    width: 10%;
    height: 50px;

    background-color: #fff;

    margin-left: 8%;
    
    font-family: baidu;
    font-size: 23px;
    line-height: 60px;
    font-style: normal;
    color: #000;

    user-select: none;
}

.head-search {
    display: inline-block;
    width: 16%;
    height: 60px;
    top: 15px;

    text-indent: 2em;

    position: fixed;
    right: 10%; 
}

.head-search .ant-mention-editor {
    border-top: 0;
    border-left:0;
    border-right: 0;
    border-radius: 0;
}

.common-header .ant-mention-active .ant-mention-editor {
    border-top: 0;
    border-left:0;
    border-right: 0;

    box-shadow: 0 0 0 !important;
}

.head-search-button {
    display: inline-block;
    width: 30px;
    height: 30px;

    position: fixed;
    right: 24.5%;
    top: 15px;

    border: none;
    border-radius: 50%;

    text-align: center;
}

.head-search-button i {
    font-family: iconfont;
    font-style: normal;

    margin-left: -8px;
}